<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>


    <script src="../js/ajax.js"></script>
    <script>

        // 地狱回调 ， 恐怖回调

        // 回调函数是异步的一种解决方案

        // ajax({
        //     type : 'get' , 
        //     url : '../php/1.php' ,
        //     cb : function(data) {
        //         console.log(data);
        //     }
        // })

        // ajax({
        //     type : 'get' , 
        //     url : '../php/2.php' ,
        //     cb : function(data) {
        //         console.log(data);
        //     }
        // })

        // ajax({
        //     type : 'get' , 
        //     url : '../php/3.php' ,
        //     cb : function(data) {
        //         console.log(data);
        //     }
        // })


        // 写了三个请求，但是结果不一定按照顺序输出

        
        // 等一个请求成功之后，再请求另一个  --- 地狱回调

        //    可读性比较差
        //    消耗时间

        ajax({
            type : 'get' , 
            url : '../php/1.php' ,
            cb : function(data) {
                console.log(data);
                ajax({
                    type : 'get' , 
                    url : '../php/2.php' ,
                    cb : function(data) {
                        console.log(data);
                        ajax({
                            type : 'get' , 
                            url : '../php/3.php' ,
                            cb : function(data) {
                                console.log(data);
                            }
                        })
                    }
                })
            }
        })


    </script>
    
</body>
</html>